<template>
    <div class="box">
        <div class="footer">
            <ul class="dibu">
                <li class="left"> 
                    <ol>
                        <li>全区域服务</li>
                        <li>主业就是服务人</li>
                        <li>买就送</li>
                        <li>首付208万</li>
                       
                    </ol>         
                </li>
                <li class="left">
                    <ol>
                        <li>买房卖房</li>
                        <li>电话：123457486</li>
                        <li>地址：会执行萨芬的撒</li>
                        <li>第三个发多少佛挡杀</li>
                     
                    </ol> 
                </li>
                <li class="left">
                    <ol>
                        <li>广东省广泛的格的人</li>
                        <li>反倒是广泛的更舒</li>
                        <li>式服讽德诵功发的噶问</li> 
                        <li>式服讽德诵功发的噶问</li> 
                    </ol> 
                </li>
                <li class="left">
                    <img class="img" src="../assets/cd04b6ced6fc7140985371ff9b48cb3.jpg" alt="">
                </li>
            </ul>
            <div class="xian"></div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>


<style lang="less" scoped>
.box{
    padding-bottom: 190px;
    // position: relative;

}
.footer{
    height: 190px;
    width: 100%;
    background: #333333;
    position: fixed;
    // position: absolute;
    bottom: 0;
    font-size: 12px;
    justify-content: center;
    .dibu{
        padding-top: 40px;
    display: flex;
    padding-left: 400px;
.left{
    list-style: none;
    color: #fff;
    width: 140px;
    height: 140px;
    margin-left: 20px;
.img{
    width: 80%;
    height: 80%;
}
}
}
.xian{
    width: 70%;
    height: 0.1px;
background: #FFF;
margin: auto;
margin-top: -30px;

}
}

</style>